@import url("@/style/modules/common.less");
@import url("@/style/modules/transition.less");

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #ffffff;
}

::-webkit-scrollbar-thumb {
  background-color: #dddee0;
  border-radius: 20px;
  box-shadow: inset 0 0 0 #ffffff;
}

html,
body,
#root,
.ant-app {
  height: 100%;
  background-color: var(--hooks-colorBgContainer);
}

#nprogress .bar {
  background: var(--hooks-colorPrimary) !important;
}

#nprogress .spinner-icon {
  border-top-color: var(--hooks-colorPrimary) !important;
  border-left-color: var(--hooks-colorPrimary) !important;
}

#nprogress .peg {
  box-shadow: 0 0 10px var(--hooks-colorPrimary),
  0 0 5px var(--hooks-colorPrimary) !important;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}

::view-transition-old(root) {
  z-index: 1;
}

::view-transition-new(root) {
  z-index: 2147483646;
}

.dark::view-transition-old(root) {
  z-index: 2147483646;
}

.dark::view-transition-new(root) {
  z-index: 1;
}
